<template>
  <div class="home">
    <home-header :activeName="activeName"></home-header>
    <home-swipe></home-swipe>
    <home-icons></home-icons>
    <home-card></home-card>
  </div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwipe from './components/Swipe'
import HomeIcons from './components/Icons'
import HomeCard from './components/Card'
// import HomeNavigationbar from './components/Navigationbar'
export default {
  name: 'Home',
  components: {
    HomeHeader,
    HomeSwipe,
    HomeIcons,
    HomeCard
    // HomeNavigationbar,
  },
  data () {
    return {
      active: 0,
      activeName: '首页'
    }
  },
  watch: {
    active () {
    }
  },
  methods: {
  },
  mounted () {
  }
}
</script>

<style lang="stylus" scoped>
.home
  background: #eee
</style>
